$(function(){
    $('div.middle div.main-container').css({
        height: $(window).height() - 100 + 'px'
    });
    
    var ajaxFill = new Z.AjaxFill({
        url: Z.url('/backend/album/records',true),
        templates: {
            list: '<tr>\
                        <td><input type="checkbox" name="id[]" value="${id}"/></td>\
                        <td><b>${name}</b></td>\
                        <td>${description}</td>\
                        <td>${created_at}</td>\
                        <td>\
                            <a href="javascript:void(0);" class="update">修改</a>\
                            <a href="javascript:void(0);" class="delete">删除</a>\
                        </td>\
                   </tr>',
            none: ''
        },
		data : {
			pageSize: 20
		},
        containers:{
            list: $('table.records tbody'),
            pageLinks: $('table.records tfoot td')
        }
    });
    
    ajaxFill.request();
    
    $('ul.tab a.records').click(function(){
        $('ul.tab a.active').removeClass('active');
        $(this).addClass('active');
        $('form.update,form.insert').hide();
        $('table.records').show();
    }).trigger('click');
    
    $('ul.tab a.insert').click(function(){
        $('ul.tab a.active').removeClass('active');
        $(this).addClass('active');
        $('form.update,table.records').hide();
        $('form.insert').show();
    });

    $('table.records tbody a.update').live('click',function(){
        $('ul.tab a.active').removeClass('active');
        $('ul.tab a.update').addClass('active');
        $('form.update').show();
        $('form.insert,table.records').hide();
        var id = Z.parseInt($(this).parents('tr').find('td:first input').val());
        Z.ajax({
            url: Z.url('/backend/album/find',true),
            data: {
                id:id
            },
            success: function(data){
                Z.fillForm($('form.update'), data);
            }
        });
        return false;
    });
    
    $('table.records tbody a.delete').live('click',function(){
        var id = Z.parseInt($(this).parents('tr').find('td:first input').val());
        Z.confirm({
            content: '确定要删除吗？',
            onConfirm: function(){
                Z.ajax({
                    url: Z.url('/backend/album/delete',true),
                    data: {
                        id:id
                    },
                    success: function(){
                        ajaxFill.reload();
                    }
                });
            }
        });
        return false;
    });
    
    $('form').submit(function(){
        var _this  = $(this);
        Z.ajax({
            url: $(this).attr('action'),
            type: $(this).attr('method'),
            data: $(this).serialize(),
            success: function(){
                ajaxFill.reload();
                $('ul.tab a.records').trigger('click');
                Z.clearForm(_this);
            }
        });
        return false;
    });
    
});